// var num = 100;
// function fn1(){
//     return 1+1;
// }

// 把公共的代码放到index.js中  
// 三个文件只需要导入这个文件  
// 上面代码只写了一次 解决代码重复的问题 
// 接下来就有新的问题 

// 如果公共的代码全部放到index.js中 
// 体积会越来越大

// 导致 页面加载速度变慢 
// 后期维护成本很高


// 那么如何解决?  
// 把公共的文件拆分 

// 比如 我们把index.js 的代码拆分到  
// header.js  和  footer.js

// 这样压力小了很多 

// 但是又有新的问题 


// 页面不得不两个文件都导入  
// 会有每个文件一个新的请求 也会浪费流量 降低访问速度 


// 如何解决? 
// 既要拆分公共文件  还要做到 页面少导入文件?

// 解决方案:
//  专门找一个文件  将拆分的文件整合起来 
// 页面只导入 一个就可以了 

// 比如 index.js 整合好 footer.js  header.js

// 页面只需要导入index.js就可以了  


